<template>
	<div class="changePhonePage">
		<div class="top_fixed">
				<p>账号设置</p>
				<van-icon name="arrow-left"  @click="backToOrder"/>
			</div>
		<div class="content">
			<p>授权新手机号</p>
			<p class="article_p">授权新手机号，需先解绑已绑定的手机号，授权新手机
号后，新账号将用于后续登录
</p>
			<p>当前已绑定手机号：10086</p>
			<p class="btn">更换手机号</p>
		</div>
		</div>
	</div>
</template>

<script>
	export default{
		name:'changePhonePage',
		data(){
			return{
				
			}
		},
		methods:{
			backToOrder(){
				this.$router.go(-1)
			}
		}
	}
</script>

<style scoped>
	.changePhonePage{
		background-color: #f7f7f7;
		width: 375px;
		height: 667px;
	}
	.top_fixed{
		position: fixed;
		top: 0;
		z-index: 10;
		width: 375px;
		height: 50px;
		background-color: #e91f3c;
		color: white;
	}
	.top_fixed p{
		font-size: 16px;
		font-weight: 600;
	}
	.top_fixed .van-icon{
		
		display: block;
		width: 25px;
		height: 25px;
		margin-top: -35px;
	}
	.content{
	
		width: 335px;
		height: 200px;
		position: absolute;
		top: 100px;
		margin: 20px;
	}
	.content p{
		font-weight: 600;
		font-size: 18px;
		margin-top: 40px;
	}
	.content .article_p{
		font-size: 14px;
		font-weight: 400;
	}
	.btn{
		width: 315px;
		height: 40px;
		background-color: #e91f3c;
		color: white;
		padding: 5px;
		box-sizing: border-box;
		margin-left: 10px;
		border-radius: 10px;
	}
</style>
